.details{
   overflow-y: auto;
   .top{
    background: #fff;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 10;
    width: 100vw;
   }
   .imgbox{
       padding-top: 46px;
   }
   .infobox{
       position: absolute;
       top: 325px;
       left: 0px;
       z-index: 10;
       font-size: 14px;
       .info{
           width: calc(100% - 40px);
        //    height: 100vh;
           background-color: #fff;
           transform: translateY(-25px);
           border-top-right-radius: 30px;
           border-top-left-radius: 30px;
           padding: 20px;
           .info-top{
               border-bottom: 1px solid #ccc;
               position: relative;
               .info-name{
                   font-size: 18px;
                   font-weight: bold;
                   margin-bottom: 5px;
               }
               .info-enname{
                   font-size: 15px;
                   margin-bottom: 5px;
                   white-space: nowrap;
                   overflow: hidden;
                   text-overflow: ellipsis;
                   width: 60%;
               }
               .info-price{
                   position: absolute;
                   bottom: 10px;
                   right: 10px;
                   font-size: 18px;
                   color: #5D1B1E;
                   font-weight: bold;
               }
               .collect{
                   font-size: 20px;
                   position: absolute;
                   top: -8px;
                   right: 10px;
               }
           }
           .info-details{
               margin-top: 15px;
               border-bottom: 1px solid #ccc;
               .info-title{
                   font-size: 16px;
                   color: #5D1B1E;
                   font-weight: bold;
                   margin-bottom: 10px;
               }
               .info-content{
                   .info-describe,.info-materials,.info-explain,.info-specification{
                       display: flex;
                       margin-bottom: 15px;
                       .left{
                           width: 100px;
                           color: #C3C3C3;
                       }
                       .text{
                           flex: 1;
                       }
                    }
               }
           }
       }
   }
   .shop-box{
       padding: 15px;
       .shop-top{
           display: flex;
           .shop-img{
               width: 100px;
               height: 100px;
               margin-right: 13px;
            }
            .shop-info{
                position: relative;
                .shop-name{
                    font-size: 16px;
                    font-weight: bold;
                   color:#5D1B1E ;
                   margin-bottom: 5px;
               }
               .shop-price{
                position: absolute;
                left: 0px;
                bottom: 5px;
                color: #7F2F21;
                font-size: 16px;
                font-weight: bold;
               
               }
           }
       }
       .number-box{
           display: flex;
           justify-content: space-between;
           margin-top: 10px;
           font-size: 14px;
           line-height: 22px;
       }
       .select-box{
           margin-top: 20px;
           .select{
               display: flex;
               .select-title{
                    font-size: 14px;
                    line-height: 25px;
                    width: 50px;
                    margin-bottom: 10px;
               }
               .select-item{
                   display: flex;
                   .item{
                       width: 60px;
                       height: 25px;
                       background-color: #B29293;
                       color: #fff;
                       border-radius: 15px;
                       text-align: center;
                       line-height: 25px;
                       margin-right: 10px;
                       &.active{
                        background-color: #5D1B1E;
                       }
                   }
               }
           }
       }
       .btn{
           margin:10px 0px;
       }
   }
   /deep/ .van-nav-bar__text {
       color: #8B7E75;
   }
   /deep/ .van-nav-bar .van-icon{
       color: #8B7E75;
   }
   /deep/ .van-stepper--round .van-stepper__plus{
       background-color: #7F2F21;
   }
   /deep/ .van-stepper--round .van-stepper__minus{
       border-color: #7F2F21;
       color: #7F2F21;
   }
}